<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>01-防抖</title>
  <script src="https://cdn.jsdelivr.net/npm/lodash@4.17.15/lodash.min.js"></script>

</head>

<body>
  <p>
    请你输入搜索的内容：<input type="text">
  </p>
</body>

</html>
<script>
  // 防抖：前面的所有的触发都被取消，最后一次执行 在规定时间之后才会触发，也就是说如果连续快速的触发，只会执行一次
  let input = document.querySelector('input')
  // 文本发生变化立即执行
  input.oninput = _.debounce(function () {
    console.log('ajax发请求');
  }, 1000)
  // lodash插件：里面封装函数的防抖与节流的业务【闭包+延迟器】
  // 1：lodash函数库对外输出_函数

</script>